var Glayout = function() {
    var okFunc = null,cancelFunc = null, ele = null, iframe = null,okBtn = null,cancelBtn = null,header = null,cele = null;
    function init(ele, title) {
        iframe = $(".mask");
        header = $(".mask .ih");
        cele = $(".mask .ic");
        okBtn = $('.mask .submit');
        cancelBtn = $('.mask .cancel');
        initStyle(ele, title);
        return this;
    }
    function initStyle(ele,title) {
        var left = $(ele).offset().left + $(ele).width() + 40;
        var top = $(ele).offset().top;

        iframe.css('left',left + 'px');
        iframe.css('top',top + 'px');
        iframe.show();
        header.html(title);
        cele.html("");

        cancelBtn.unbind('click');
        okBtn.unbind('click');
    }
    function bind(func1,func2) {
        okFunc = func1;
        cancelFunc = func2;

        okBtn.click(function(event) {
            event.preventDefault();
            okFunc();
        });
        cancelBtn.click(function(event) {
            event.preventDefault();
            cancelFunc();
        });
    }
    function close() {
        iframe.hide();
    }
    function content(func) {
        var content = func();
        cele.html(content);
        return this;
    }

    function bind_event(func) {
        func();
        return this;
    }
    return {init:init,close:close, bind:bind,content:content,do:bind_event};
};